<div nz-row nzJustify="center">
  <div nz-col nzSpan="16">


    <form action="/api" nz-form [nzLayout]="'inline'" [formGroup]="validateForm"  (ngSubmit)="submitForm()">
      <nz-form-item>
        <nz-form-control [nzSpan]="20">
          <input class="input"  formControlName='name' placeholder="name" nzSize="large" />
        </nz-form-control>
      </nz-form-item>

      <nz-form-item>
          <nz-select  formControlName='currencyName' nzSize="large" nzPlaceHolder="Select a person" style="width:200px">
            <nz-option nzLabel="--请选择--" nzValue=""></nz-option>
            <nz-option nzLabel="BCH" nzValue="BCH"></nz-option>
            <nz-option nzLabel="BNB" nzValue="BNB"></nz-option>
            <nz-option nzLabel="BTC" nzValue="BTC"></nz-option>
            <nz-option nzLabel="DASH" nzValue="DASH"></nz-option>
            <nz-option nzLabel="DGB" nzValue="DGB"></nz-option>
            <nz-option nzLabel="DOGE" nzValue="DOGE"></nz-option>
            <nz-option nzLabel="ETH" nzValue="ETH"></nz-option>
            <nz-option nzLabel="FEY" nzValue="FEY"></nz-option>
            <nz-option nzLabel="LTC" nzValue="LTC"></nz-option>
            <nz-option nzLabel="TRX" nzValue="TRX"></nz-option>
            <nz-option nzLabel="USDT" nzValue="USDT"></nz-option>
            <nz-option nzLabel="ZEC" nzValue="ZEC"></nz-option>
          </nz-select>
        
      </nz-form-item>

      <nz-form-item>
        <nz-form-control>
          <button nz-button nzSize="large" nzType="primary">查询</button>
        </nz-form-control>
      </nz-form-item>
      
    </form>

    <br><br><br>
    <nz-table #basicTable [nzData]="listOfRandomUser" [nzPageIndex]='1' [nzPageSize]="100" [nzFrontPagination]="true"
      [nzShowTotal]='totalTemplate'>
      <thead>
        <tr>
          <th nzColumnKey="name">Name</th>
          <th nzColumnKey="Coin">Coin</th>
          <th nzColumnKey="lastPayment" [nzSortFn]='lastSort'>Last Payment</th>
          <th nzColumnKey="balance" [nzSortFn]='balanceSort'>Balance</th>
          <th nzColumnKey="paid_hour" [nzSortFn]='hourSort'>Paid(1)</th>
          <th nzColumnKey="paid_daily" [nzSortFn]='dailySort'>Paid(24)</th>
          <th nzColumnKey="createTime">Created</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of basicTable.data">
          <td>
            <a routerLink='detail/{{data.id}}'>{{data.name}}</a>
            <br>
            {{data.url}}
          </td>
          <td>{{data.currency}}</td>
          <td>{{data.lastPayment}}</td>
          <td>{{data.balance}}</td>
          <td>{{data.paid_hour}}</td>
          <td>{{data.paid_day}}</td>
          <td>{{data.createTime}}</td>
        </tr>
      </tbody>
      <ng-template #totalTemplate let-total>总数量{{ total }}</ng-template>
    </nz-table>

  </div>
  <!-- <div nz-col nzSpan="4">col-4</div>
    <div nz-col nzSpan="4">col-4</div>
    <div nz-col nzSpan="4">col-4</div> -->
</div>